<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:p="http://primefaces.org/ui">
 
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
		<title>Autenticação</title>
		<link rel="stylesheet" type="text/css" href="${verDetalhesLivroBean.linkCssLayoutPagina}" />
   		<style type="text/css">
    	#titulo
    	{
      		margin-top:4%;
    	}
    	label
    	{
      		width: 10em;
      		float: left;
      		text-align: right;
      		margin-right: 0.9em;
    	}
    	#formularioLogin
    	{
        	position:relative;
        	margin-left:20%;
    	}
    	#botaoAutenticacao
    	{
        	position:relative;
        	margin-left:45%;
    	}
    	#campoSenha
    	{
        	position:relative;
        	margin-top:2%;
    	}
  
   		</style>
		<link href="CSS/styles.css" rel="stylesheet" type="text/css" />
		<link href="CSS/posicaoDoMenu.css" rel="stylesheet" type="text/css" />
    </h:head>
<h:body>

<f:metadata>
        <f:event type="preRenderView" listener="#{verDetalhesLivroBean.carregarCSSLayoutParaQualquerPagina}"/>
</f:metadata>
<f:view>

      <!-- abaixo temos o menu que aparece em todas as paginas do site-->
      <div id='cssmenu'>
        <ul>
            <li class='active '><a href='index.xhtml'><span>Home</span></a></li>
            <li><h:form><h:commandLink action="#{listarPersonagensDoLivroBean.listarPersonagensLivro}"><span>Personagens</span></h:commandLink></h:form></li>
            <li><h:form><h:commandLink action ="#{verTodosOsPontosPositivosDoLivro.pegarTodosOsPontosPositivosDoLivro}"><span>Pontos positivos do livro</span></h:commandLink></h:form></li>
            <li><h:form><h:commandLink action = "#{verResenhasBean.pegarTitulosNotasDeTodasAsResenhas}"><span>Resenhas</span></h:commandLink></h:form></li>
            <li><h:form><h:commandLink action="#{verForumBean.verTopicosDoForum}"><span>Fórum</span></h:commandLink></h:form></li>
            <li><a href='paginaDeAutenticacao.xhtml'><span>Editar Site</span></a></li>
        </ul>
    </div>
   
    
    <div id="conteudoPagina">
    
    	<div id="titulo"><h1>Página de autenticação</h1></div>
    	<p:messages />
    	<b>Para alterar os conteúdos mais importantes do site, é necessária autenticação</b>
    	<br />
    	<br />
    	<h:form>
    	<div id="formularioLogin">
    		
    		<b><label>Usuário:</label></b> 
    
    		<h:inputText required="true" requiredMessage="campo nome de usuário é obrigatório" value="#{efetuarLoginBean.nomeUsuario}"></h:inputText>
   		
    
   
    		<div id="campoSenha">
    			<b><label>Senha:</label></b>
    
    			<h:inputSecret required="true" requiredMessage="campo senha é obrigatório" value="#{efetuarLoginBean.senha}"></h:inputSecret>
    		</div>
    	</div>
     
    	<div id="botaoAutenticacao">
     		<p><h:commandButton action="#{efetuarLoginBean.efetuarLogin}" value="entrar"></h:commandButton></p>
    		
    	</div>
    	</h:form>
    </div>

</f:view>
</h:body>
</html>    	
   	
